<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/owl.carousel.css" />
		<link rel="stylesheet" href="css/responsive.css" />
		<link rel="stylesheet" href="css/style.css" />
		<title>手机专卖网站</title>
	</head>

	<body>
		<!--头部区域-->
		<div class="header-area">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<div class="user-menu">
							<ul>
								<li>
									<a href="#">
										<i class="fa fa-user"></i>我的账户
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-heart"></i>收藏
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-car"></i>购物车
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-dollar"></i>结算
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-users"></i>登陆
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-4">
						<div class="header-right">
							<ul class="list-unstyled list-inline">
								<li class="dropdown dropdown-small">
									<a href="#" data-toggle="dropdown" 
										data-hover="dropdown" 
										class="dropdown-toggle">
										<span class="key">货币：</span> 
										<span class="value"> 美元</span>
										<b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li>英镑</li>
										<li>英镑</li>
										<li>人民币</li>
									</ul>
								</li>
								<li class="dropdown dropdown-small">
									<a href="#" data-toggle="dropdown" 
										data-hover="dropdown" 
										class="dropdown-toggle">
										<span class="key">语言：</span> 
										<span class="value">中文简体</span>
										<b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li>English</li>
										<li>Franch</li>
										<li>日语</li>
									</ul>
								</li>
								
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--头部区域结束-->
		<!--logo区域-->
		<div class="site-branding-area">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<div class="logo">
							<img src="img/logo.png" />
						</div>
					</div>
					<div class="col-sm-6">
						<div class="shopping-item">
							<a href="#">购物车<i class="fa fa-shopping-cart"></i>
								<span class="product-count"> 5</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--logo区域结束-->
		<!--菜单区域-->
		<div class="mainmenu-area">
			<div class="container">
				<div class="row">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle"
							 data-toggle="collapse" 
							 data-target=".navbar-collapse">
							<span class = "sr-only"></span>
							<span class = "icon-bar"></span>
							<span class = "icon-bar"></span>
							<span class = "icon-bar"></span>
						</button>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li class="active">
								<a>首页</a>
							</li>
							<li>
								<a>购物</a>
							</li>
							<li>
								<a>单品</a>
							</li>
							<li>
								<a>购物车</a>
							</li>
							<li>
								<a>结账</a>
							</li>
							<li>
								<a>类别</a>
							</li>
							<li>
								<a>其它</a>
							</li>
							<li>
								<a>联系我们</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--轮换部分-->
		<div class = "slider-area">
			<div class = "block-slider block-slider4">
				<ul id = "bxslider-home4">
					<li>
						<img src = "img/h4-slide.png" />
						<div class = "caption-group">
							<h2 class = "caption title">
								iphone <span class = "primary">
									6 <strong>plus</strong>
								</span>
							</h2>
							<h4 class = "caption subtitle">
								双卡双待
							</h4>
							<a class = "caption button-radius">
								<span class = "icon"></span>现在购买
							</a>
						</div>
					</li>
					<li>
						<img src = "img/h4-slide2.png" />
						<div class = "caption-group">
							<h2 class = "caption title">
								买一赠一 <span class = "primary">
									5<strong>折</strong>
								</span>
							</h2>
							<h4 class = "caption subtitle">
								学校用品
							</h4>
							<a class = "caption button-radius">
								<span class = "icon"></span>现在购买
							</a>
						</div>
					</li>
					<li>
						<img src = "img/h4-slide3.png" />
						<div class = "caption-group">
							<h2 class = "caption title">
								Apple<span class = "primary">
									ipod<strong></strong>
								</span>
							</h2>
							<h4 class = "caption subtitle">
								选项
							</h4>
							<a class = "caption button-radius">
								<span class = "icon"></span>现在购买
							</a>
						</div>
					</li>
					<li>
						<img src = "img/h4-slide4.png" />
						<div class = "caption-group">
							<h2 class = "caption title">
								Apple <span class = "primary">
									ipod<strong>耳机</strong>
								</span>
							</h2>
							<h4 class = "caption subtitle">
								配件
							</h4>
							<a class = "caption button-radius">
								<span class = "icon"></span>现在购买
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- Latest jQuery form server -->
		<script src="js/jquery-1.9.1.js"></script>
		<!-- Bootstrap JS form CDN -->
		<script src="js/bootstrap.js"></script>
		<!-- jQuery sticky menu -->
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/jquery.sticky.js"></script>
		<!-- jQuery easing -->
		<script src="js/jquery.easing.1.3.min.js"></script>
		<!-- Main Script -->
		<script src="js/main.js"></script>
		<!-- Slider -->
		<script src="js/bxslider.min.js"></script>
		<script src="js/script.slider.js"></script>
	</body>

</html>